<!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <title>更换手机号</title>
  <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
  <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  </head>
  <style>
      #app{
        width: 100%;
        background: #f2f2f5;
      }
      html{
        background: #f2f2f5;
      }
      .box{
        width: 80%;
        margin: 0 auto;
        margin-top: 2.8rem;
      }
      .box .text1{
        font-size: 0.85rem;
      }
      .box .text2{
        font-size: 0.85rem;
        margin-top: 0.25rem;
      }
      .box .text3{
        font-size: 1.25rem;
        margin-top: 1.08rem;
      }
      .box .text4{
        color: #b2b2b2;
        font-size: 0.7rem;
        margin-top: 1.98rem;
        line-height: 0.9rem;
      }
      .box .text5{
        color: #b2b2b2;
        font-size: 0.7rem;
        margin-top: 0.2rem;
        line-height: 0.9rem;
      }
      .box .btn{
        height: 2.3rem;
        background-image: linear-gradient(90deg,
        		#3290c6 0%,
        		#1e8ce3 0%,
        		#0a87ff 0%,
        		#5fc2b8 100%),
        	linear-gradient(
        		#dcdcdc,
        		#dcdcdc);
            box-shadow: 0rem 0.05rem 0.2rem 0.01rem
        		rgba(75, 180, 201, 0.6);
        border-radius: 0.25rem;
        font-size: 0.85rem;
        color: #fff;
        line-height: 2.3rem;
        text-align: center;
        margin-top: 1.25rem;

       }
  </style>
  <body>
  <div id="app">
      <div class="box">
          <div class="text1">新手机号已注册，</div>
          <div class="text2">确定将手机号更换为</div>
          <div class="text3">132****2349</div>
          <div class="text4">互换手机号需验证原手机号，请确保手机号可以
接收短信。</div>
          <div class="text5">如无法接收短信，请使用新号码登录，通过申诉
方式，解除旧号码的身份认证，从而使新号码可
以认证使用。</div>
          <div class="btn" @click="next('newphonecode','myself/newphonecode','更换手机号')">更换手机号</div>
      </div>

  </div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-slide.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };
      new Vue({
        el:"#app",
        data:{

        },
        methods:{
          next:function(name,page,type){
            console.log(111)
            api.openWin({
                name: name,
                url: '../header/user_header.html',
                pageParam: {
                  name: page,
                  type:type
                }
            })
          }
        }
      })
  </script>
  </html>
